#login {
    height: 100vh;
    width: 100%;

    &::before {
        content: "";
        display: block;
        position: absolute;
        background: url('./images/bk.jpg') no-repeat center;
        background-size: 100%;
        height: 100vh;
        width: 100%;
        opacity: 0.6;
        z-index: -1;
    }

    header {
        z-index: 1;
        padding: 20px;
        p{
            margin: 0;
        }
        .logo {
            width: 70px;
            height: 70px;
            margin: 0 20px;
            margin-left: 300px;
        }

        .title {
            font-size: 30px;
            color: #1F1D33;
            font-weight: bold;
        }
    }

    section {
        width: 400px;
        margin: 50px auto;
       background-color: rgba(248, 245, 245,0.5);
       position: relative;
        .login-content{
            width: 100%;
            height: 100%;
            padding: 20px 40px;
            h2{
                text-align: center;
                font-weight: bold;
            }
            .login-form{
                .login-form-button{
                    width: 100%;
                    margin-bottom: 10px;
                }
                .flex-between{
                    display: flex;
                    justify-content: space-between;
                }
            }
        }
       
    }
}